<template>
  <Row class="!mx-5px" :gutter="[10, 10]">
    <Col :xs="24" :md="12">
      <Card title="线上热门搜索">
        <template #extra>
          <EllipsisOutlined />
        </template>
        <PieChart />
      </Card>
    </Col>
    <Col :xs="24" :md="12">
      <Card title="线上热门搜索">
        <template #extra>
          <EllipsisOutlined />
        </template>
        <Map />
      </Card>
    </Col>
  </Row>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';

  export default defineComponent({
    name: 'ThirdFloor',
  });
</script>

<script lang="ts" setup>
  import { Row, Col, Card } from 'ant-design-vue';
  import { EllipsisOutlined } from '@ant-design/icons-vue';
  import PieChart from './PieChart.vue';
  import Map from './Map.vue';
</script>
